
<style>
table {
  border-collapse: collapse;
  border-spacing: none;
  }

thead th {
  background-color: orange;
  font-size: 12px;
  font-family: sans-serif;
  border:none;
  }

tbody td {
  font-size: 12px;
}


tr td:first-child,
tr th:first-child {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
</style>
 <p>
    <h3>Enter Invoice</h3>
   <!--  <input type="text" ng-model="name" class="search-query" placeholder="Search">  -->
    </p>

<form name="InvForm">
  <div class="control-group" ng-class="{error: InvForm.name.$invalid}">
    Customer Name : <select ng-model="clist" ng-options="cust.Name for cust in customermast"></select>
    Client Address:<textarea>   {{clist.Address}} </textarea>
       <!--  <span ng-hide="InvForm.name.$error.required" class="help-inline">Required</span>    -->  
  </div>
 
  <div class="control-group" ng-class="{error: InvForm.date.$invalid}">
     Invoice Date :<input type="date" name="date" ng-model="project.date" required>
    <span ng-hide="InvForm.date.$error.required" class="help-inline">Required</span>
   <!-- <span ng-hide="InvForm.date.$error.date" class="help-inline">Not a Valid Date</span> -->
 
    Invoice #: <input type="text" name="invnumber" ng-model="project.invnumber" required>
    <span ng-hide="InvForm.invnumber.$error.required" class="help-inline"></span>
    Last Generated #: 10015-112
  </div>
  
  <a href="#/" class="btn">Cancel</a>
  <button ng-click="CreateInvoice()" ng-disabled="InvForm.$invalid" class="btn btn-success">Create Invoice</button>
  <button ng-click="destroy()" ng-show="project.$remove" class="btn btn-danger">Delete</button>
</form>

<table class="table "> 
  <thead>
    <tr>
      <th><input type="checkbox" ng-model="inv.checked" ng-click="click(inv)"></th>
      <th>Pax Name</th>
      <th>Sector</th>
      <th>Travel Date</th>
      <th>Base Fare (in Rs.)</th>
      <th>Taxes (in Rs.)</th>
      <th>Amount (in Rs.)</a></th>
	  </tr>
  </thead>
  <tbody>
      <tr ng-repeat="cust in customermast| limitTo:7 ">
      <td><input type="checkbox" ng-click="click(inv)"> </td> 
      <td>{{cust.Name}}</td>      
      <td>{{cust.custtype}}</td> 
      <td>{{cust.city}}</td> 
      <td>{{cust.phoneno}}</td> 
      <td>{{cust.email}}</td> 
      <td>{{cust.phoneno}}</td> 
	  </tr>
   </tbody>
   <tr class="info">
            <td colspan="6">
               &nbsp;
            </td>
            <td>
            <strong>Total Amount: Rs 2000.00</strong>
               <!-- <strong>{{ TotalAmount |  }}</strong>  -->
            </td>
        </tr>   
</table>

 

</html>
